<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label for="c-cate_id" class="control-label col-xs-12 col-sm-2">{:__('Service')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:selectpicker('row[cate_id]', $cateList, '')}
        </div>
    </div>

    <div class="form-group">
        <label for="c-name" class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label for="c-en_name" class="control-label col-xs-12 col-sm-2">{:__('En name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-en_name" data-rule="required" class="form-control" name="row[en_name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label for="c-case_img" class="control-label col-xs-12 col-sm-2">{:__('Case img')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_image('case_img','',['name'=>"row[case_img]",'data-rule'=>"required"])}
        </div>
    </div>

    <div class="form-group">
        <label for="c-weigh" class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weigh" class="form-control" name="row[weigh]" type="number" value="0">
        </div>
    </div>

    <div class="form-group">
        <label for="c-weigh" class="control-label col-xs-12 col-sm-2">{:__('Select color')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input type="color" class="form-control" id="color" onchange="selectColor(this)">
            <input type="hidden" class="form-control" id="c-color" name="row[color]" value="#000000">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            {:build_radios('row[status]', [ '0'=>__('Hide'), '1'=>__('Normal') ], 1)}
        </div>
    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed btn-reset">{:__('Reset')}</button>
        </div>
    </div>
</form>
